@import './base.scss';

.pc-pay-main {
  .content {
    width: 900px;
    margin: 24px auto 0;

    .logo {
      width: 104px;
      height: 42px;
    }

    p.msg {
      margin-top: 24px;

      i {
        font-style: normal;
        font-weight: bold;
      }
    }

    .code-box {
      margin-top: 37px;
      box-shadow: 0 0 24px rgba(153, 153, 153, .3);
      padding: 40px 40px 20px;
      box-sizing: border-box;

      div {
        flex: 1;
      }

      .box-l {
        padding-right: 50px;
        box-sizing: border-box;

        .code {
          //width: 300px;
          //max-height: 300px;
          padding: 10px;
          box-sizing: border-box;
          border: 1px solid #D9D9D9;
        }

        .hint {
          background: #FF7674;
          height: 60px;
          color: #fff;
          margin-top: 20px;
          padding: 8px;
          box-sizing: border-box;

          .icon-img {
            flex: 2;
            width: 44px;

            img {
              width: 44px;
              float: right;
              margin-right: 26px;
            }
          }

          div {
            flex: 3

          }

        }
      }

      .box-r {
        img {
          width: 96%;
        }
      }
    }
  }
}
